<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>待处理</title>
		<link type="text/css" rel="stylesheet" href="../../../css/index.css" />
		<link type="text/css" rel="stylesheet" href="../../../layui/css/layui.css" />
		<link type="text/css" rel="stylesheet" href="../../../css/manage/order.css" />
		<link type="text/css" rel="stylesheet" href="../../../css/manage/return.css" />
		<link type="text/css" rel="stylesheet" href="../../../css/manage/pending.css" />
	</head>
	<body>
		<header></header>
		<div id="menu"></div>
		<div class="content">
			<div class="content-title">
				<ul class="clearfix">
					<li>退款申请</li>
					<li>退款详情</li>
					<li>待处理</li>
				</ul>
			</div>
			<div class="contentBox clearfix">
				<!-- <div class="orderInfo clearfix">
					<span class="">退货商品</span>
					<div class="storeList">
						<table id="returnStore"></table>
					</div>
				</div>
	 -->			<div class="orderInfo clearfix">
					<span class="">退款详情</span>
					<div class="returnList">
						<table id="returnInfo" border="1" cellspacing="0" cellpadding="0";>
							<tr>
								<th>服务单号</th>
								<td>100001</td>
							</tr>
							<tr>
								<th>申请状态</th>
								<td>待处理</td>
							</tr>
							<tr>
								<th>订单编号</th>
								<td>100001</td>
							</tr>
							<tr>
								<th>申请时间</th>
								<td>100001</td>
							</tr>
							<tr>
								<th>用户账号</th>
								<td>100001</td>
							</tr>
						</table>
					</div>
					<div class="orderList">
						<table id="orderList" border="1" cellspacing="0" cellpadding="0";>
							<tr>
								<th>订单金额</th>
								<td>100001</td>
							</tr>
							<tr>
								<th>确认退款金额</th>
								<td>100001</td>
							</tr>
							<tr>
								<th>退款方式</th>
								<td>退回到原支付渠道</td>
							</tr>
							<tr>
								<th>退款类型</th>
								<td>取消订单</td>
							</tr>
							<tr>
								<th>退款原因</th>
								<td></td>
							</tr>
						</table>
					</div>
					<div class="remark" style="display: none;">
						<table id="remark" border="1" cellspacing="0" cellpadding="0";>
							<tr>
								<th>处理备注</th>
								<td>
									<textarea></textarea>
								</td>
							</tr>
						</table>
					</div>
					<div class="processed" style="display: none;">
						<table id="processed" border="1" cellspacing="0" cellpadding="0";>
							<tr>
								<th>处理人员</th>
								<td>100001</td>
							</tr>
							<tr>
								<th>处理时间</th>
								<td>100001</td>
							</tr>
							<tr>
								<th>处理备注</th>
								<td>退回到原支付渠道</td>
							</tr>
						</table>
					</div>
				</div>
				<div class="btnList">
					<input type="button" value="拒绝退款" class="refuse-btn"/>
					<input type="button" value="确认退款" class="agree-btn"/>
				</div>
			</div>
		</div>
	</body>
	<script src="../../../js/plugIn/jquery-3.3.1.min.js"></script>
	<script src="../../../layui/layui.all.js"></script>
	<script>
		var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
		var table = layui.table;
		var laydate = layui.laydate;
		
		var menuList = "dingdanguanli";
		var menuSec = "tuikuanshenqing";
		$('header').load('../home.html')
		$('#menu').load('../menu.html');
		var arr = GetRequest();
		if(arr.status=="待处理"){
			$('.remark').css("display","block");
		}else if(arr.status=="已处理"){
			$('.processed').css("display","block");
		}else if(arr.status=="已拒绝"){
			$('.processed').css("display","block");
		}
			
		function GetRequest() {   
			 var url = location.search; //获取url中"?"符后的字串   
			 var theRequest = new Object();   
			 if (url.indexOf("?") != -1) {   
					var str = url.substr(1);   
					strs = str.split("&");   
					for(var i = 0; i < strs.length; i ++) {   
						 theRequest[strs[i].split("=")[0]]=decodeURI(strs[i].split("=")[1]);   
					}   
			 }   
			 return theRequest;   
		}   
		
		//监听导航点击
		element.on('nav(demo)', function(elem){
			layer.msg(elem.text());
		});
		
		//展示已知数据
		table.render({
    elem: '#returnStore'
    ,cols: [[ ,//标题栏
      {field: 'id', title: '商品图片'}
      ,{field: 'username', title: '商品名称' }
      ,{field: 'email', title: '价格/货号'}
      ,{field: 'sign', title: '属性'}
      ,{field: 'sex', title: '数量' }
      ,{field: 'city', title: '小计'}
    ]]
    ,data: [{
      "id": "10001"
      ,"username": "杜甫"
      ,"email": "xianxin@layui.com"
      ,"sex": "男"
      ,"city": "浙江杭州"
      ,"sign": "人生恰似一场修行"
      ,"experience": "116"
      ,"ip": "192.168.0.8"
      ,"logins": "108"
      ,"joinTime": "2016-10-14"
			,"edit":"0"
    }, {
      "id": "10002"
      ,"username": "李白"
      ,"email": "xianxin@layui.com"
      ,"sex": "男"
      ,"city": "浙江杭州"
      ,"sign": "人生恰似一场修行"
      ,"experience": "12"
      ,"ip": "192.168.0.8"
      ,"logins": "106"
      ,"joinTime": "2016-10-14"
      ,"LAY_CHECKED": true
			,"edit":"0"
    }, {
      "id": "10003"
      ,"username": "王勃"
      ,"email": "xianxin@layui.com"
      ,"sex": "男"
      ,"city": "浙江杭州"
      ,"sign": "人生恰似一场修行"
      ,"experience": "65"
      ,"ip": "192.168.0.8"
      ,"logins": "106"
      ,"joinTime": "2016-10-14"
			,"edit":"1"
    }, {
      "id": "10004"
      ,"username": "贤心"
      ,"email": "xianxin@layui.com"
      ,"sex": "男"
      ,"city": "浙江杭州"
      ,"sign": "人生恰似一场修行"
      ,"experience": "666"
      ,"ip": "192.168.0.8"
      ,"logins": "106"
      ,"joinTime": "2016-10-14"
			,"edit":"0"
    }, {
      "id": "10005"
      ,"username": "贤心"
      ,"email": "xianxin@layui.com"
      ,"sex": "男"
      ,"city": "浙江杭州"
      ,"sign": "人生恰似一场修行"
      ,"experience": "86"
      ,"ip": "192.168.0.8"
      ,"logins": "106"
      ,"joinTime": "2016-10-14"
			,"edit":"0"
    }, {
      "id": "10006"
      ,"username": "贤心"
      ,"email": "xianxin@layui.com"
      ,"sex": "男"
      ,"city": "浙江杭州"
      ,"sign": "人生恰似一场修行"
      ,"experience": "12"
      ,"ip": "192.168.0.8"
      ,"logins": "106"
      ,"joinTime": "2016-10-14"
			,"edit":"1"
    }]
    //,skin: 'line' //表格风格
		,done:function(res, curr, count){//数据,页码,数据总量
			$('.storeList tbody').append('<tr><td align="right" colspan="6"><span class="count">合计：</span>¥'+129+'</td></tr>')
		}
    ,even: true
    ,page: false //是否显示分页
    ,limits: [5, 10, 15]
    ,limit: 10 //每页默认显示的数量
  });
		
	</script>
</html>